<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>校园交流平台</title>
</head>
<body>
        <el-header height="100px" th:fragment="header">
            <div class="topdiv titletop">
                <a class="titlea" href="index">
                    <img src="images/title.png" width="100%" height="100%">
                </a>
            </div>
            <div class=" topdiv nav">
                <el-menu :default-active="activeIndex"  class="el-menu-demo" mode="horizontal" 
                @select="handleSelect" active-text-color="#409EFF">
                        <el-menu-item index="1">首页</el-menu-item>
                        <el-menu-item index="2">校园论坛</el-menu-item>
                        <el-menu-item index="3">校园博客</el-menu-item>
                        <el-submenu index="4">
                            <template slot="title">友情链接</template>
                            <el-menu-item index="4-1">学校官网</el-menu-item>
                            <el-menu-item index="4-2">图书馆</el-menu-item>
                            <el-menu-item index="4-3">校园FTP下载</el-menu-item>
                            <el-menu-item index="4-4">校园VOD影院</el-menu-item>
                            <el-menu-item index="4-5">北邮人IPTV直播</el-menu-item>
                        </el-submenu>
                </el-menu>
            </div>
            <el-popover placement="bottom-start" trigger="hover">
                <div style="margin:10px 0 20px 17px;"><el-link href="editblog" icon="el-icon-edit" :underline="false">写博客</el-link></div>
                <div style="margin:10px 0 20px 17px;"><el-link href="userInfo" icon="el-icon-user" :underline="false">个人中心</el-link></div>
                <div style="margin:10px 0 5px 17px;"><el-link href="logout" icon="el-icon-switch-button" :underline="false" class="logout">退出</el-link></div>
                <div slot="reference"  class="topdiv userdiv">
                    <i class="el-icon-user-solid"></i>
                    {{userName}}
                </div> 
            </el-popover>
        </el-header>
        
    
</body>
</html>